<template>
  <!-- 只能有一个根节点 -->
  <div>
    <!-- <HmHeader></HmHeader>
    <HmMain></HmMain>
    <HmFooter></HmFooter> -->
    <hm-header></hm-header>
    <hm-main></hm-main>
    <hm-footer></hm-footer>
    <!-- <HmFooter></HmFooter> -->
  </div>
</template>

<script>
// import 组件对象 from '路径'
// ==> 组件对象 不是一个组件名，但是我们一般在这里命名的时候就和组件名写成一样
import HmMain from './components/HmMain.vue'
import HmHeader from './components/HmHeader.vue'
import HmFooter from './components/HmFooter.vue'
export default {
  // 组件导入
  components:{
    // "组件名":组件对象
    // 组件名，=> 推荐大驼峰
    HmMain,
    HmHeader,
    HmFooter
  }
}
</script>

<style>

</style>